<template>
    <div class="main">
        <div class="banner">
            <img src="https://s-p-internet.oss-cn-shenzhen.aliyuncs.com/1622359547126" alt="" class="banner_img">
        </div>
        <div class="content">
            <div class="left">
                <left-navigation-bar :barItem='barItem'></left-navigation-bar>
            </div>
            <div class="right">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>
<script>
import leftNavigationBar from '../../components/leftNavigationBar'
export default {
    components:{
        leftNavigationBar
    },
    data(){
        return{
            barItem:[
                {
                    value:"报考资讯",
                    router:"/examnews"
                },
                {
                    value:"视频中心",
                    router:"/videocentercontent"
                }
            ]
        }
    }
}
</script>
<style scoped>
.banner{
    width: 1918px;
    height: 440px;
}
.banner_img{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.content{
    width:1448px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 20px;
    position: relative;
    /* background-color: #fff; */
    min-height: 700px;
    z-index: 1;
    display: flex;
    flex-direction: row;
}
.left{
    width: 330px;
    /* min-height: 100px; */
    background-color: #fff; 
    margin-right: 20px;
}
.right{
    width: 1098px;
    /* min-height: 100px; */
    background-color: #fff; 
}
</style>